<!DOCTYPE html>
<html>
<head lang="en">
  <title>Customer Lookup</title>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />

  <!-- vendor scripts -->
  <script src="/vendor/jquery/dist/jquery.min.js" type="application/javascript"></script>
  <script src="/vendor/angular/angular.min.js" type="application/javascript"></script>
  <script src="/vendor/angular-route/angular-route.min.js" type="application/javascript"></script>
  
  <script src="/vendor/adal-angular/lib/adal.js" type="application/javascript"></script>
  <script src="/vendor/adal-angular/lib/adal-angular.js" type="application/javascript"></script>

  <!-- load Office.js & call Office.initialize() ASAP... must be within 5s of page request -->
  <script src="https://appsforoffice.microsoft.com/lib/1.1/hosted/Office.debug.js" type="application/javascript"></script>

  <script src="https://code.highcharts.com/stock/highstock.src.js"></script>
  <script src="/vendor/highcharts-ng/dist/highcharts-ng.js"></script>
  <!-- styles -->
  <link href="/vendor/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css"/>
  <link href="../content/style.css" rel="stylesheet" type="text/css"/>
</head>
<body layout="column" id="container" ng-app="appowa">
  
  <nav class="navbar navbar-inverse">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <a class="navbar-brand" href="#">CONTEXT</a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li><a href="#/">Home</a></li>
          <li><a href="#/files">Files</a></li>
          <li><a href="#/mails">Mails</a></li>
          <li><a href="#/employees">Employees</a></li>
          <li><a href="#/reports">Reports</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>

  <div data-ng-view class="shuffle-animation"></div>

  <!-- app code -->
  <script src="app.module.js" type="application/javascript"></script>
  <script src="app.routes.js" type="application/javascript"></script>
  <!-- services -->
  <script src="services/officeService.js" type="application/javascript"></script>
  <script src="services/restService.js" type="application/javascript"></script>

  <script src="/vendor/angular-bootstrap/ui-bootstrap-tpls.js"></script>
  <script src="/vendor/angular-bootstrap/ui-bootstrap.js"></script>

  <!-- contollers -->
  <script src="controllers/homeController.js" type="application/javascript"></script>
  <script src="controllers/mailsController.js" type="application/javascript"></script>
  <script src="controllers/filesController.js" type="application/javascript"></script>
  <script src="controllers/employeesController.js" type="application/javascript"></script>
  <script src="controllers/reportsController.js" type="application/javascript"></script>

</body>
</html>